<template>
    <section class="container">
        <div>
            <app-logo/>
            <h3 class="title">
                cpic_doc
            </h3>
            <h4 class="subtitle">
                Nuxt.js project
            </h4>
        </div>
    </section>
</template>

<script>
    import AppLogo from '~/components/AppLogo.vue'

    export default {
        components: {
            AppLogo
        }
    }
</script>

<style>
    .container {
        min-height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .title {
        font-family: "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* 1 */
        display: block;
        font-weight: 300;
        font-size: 1rem;
        color: #35495e;
        letter-spacing: 1px;
    }

    .subtitle {
        font-weight: 300;
        font-size: 1rem;
        color: #526488;
        word-spacing: 5px;
        padding-bottom: 15px;
    }

</style>

